<template>
  <ul class="list">
    <li></li>
    <li></li>
    <li></li>
    <li></li>
  </ul>
</template>

<script>
export default {

}
</script>

<style lang="less" scoped>
    .list{
        display: flex;
        justify-content: space-evenly;
        flex-wrap: wrap;
        align-items: center;
        li{
            width: 362px;
            height: 240px;
            border: 1px solid #eee;
            box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
            border-radius: 4px;
        }
    }
</style>